<template>
  <h1>猜数字练习</h1>
  <input type="text" placeholder="请输入1~100之间的整数" v-model="num">
  <input type="button" value="猜一猜" @click="f()">
  <h3>{{result}}</h3>
</template>

<script setup>
  import {ref} from "vue";

  const num = ref();
  const result = ref('结果是...');

  let x = parseInt(Math.random()*100)+1;
  console.log(x);
  const f = ()=>{
    if(num.value>x){
      result.value='猜大了!';
    }else if(num.value<x){
      result.value='猜小了!';
    }else{
      result.value='猜对了!';
    }
  }
</script>

<style scoped>

</style>